﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Object Accessors</title>
    <script src="script/jquery-1.3.2.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            $("div").click(function() {
                var index = $("div").index(this);
                $("span").text("That was div index #" + index);
            });
        });
    </script>
</head>
<body>
    <span>Click a div!</span> 
    
    <div>First div</div> 
    <div>Second div</div> 
    <div>Third div</div>
</body>
</html>
